<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<html xmlns:wicket="http://wicket.apache.org">
<wicket:panel>
    <h1 class="pageTitle">Portfolio zoeken</h1>
    <div class="form-horizontal">
        <form wicket:id="form">
            <fieldset>
                <div class="row-fluid">
                    <div class="span6">
                        <div class="control-group">
                            <label class="control-label">Medewerker<span class="label label-info">Multiselect</span> </label>
                            <div class="controls">
                                <select multiple="multiple" wicket:id="instellingGebruikers">
                                </select>
                                <i class="icon-asterisk icon-purple"></i>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Mammobridge rol</label>
                            <div class="controls">
                                <select wicket:id="mammobridgeRol">
                                </select>
                                <i class="icon-asterisk icon-purple"></i>
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="control-group">
                            <label class="control-label">Vanaf:</label>
                            <div class="controls">
                                <div class="btn-group periode-filter">
                                    <div class="input-append">
                                        <input name="geboortedatum" wicket:id="vanaf" type="text" placeholder="dd-mm-jaar" size="16" id="vanaf"
                                               class="input-small datum datum three-months"/>
                                        <a href="javascript:void(0);" class="add-on" onclick="$(this).prev().datepicker({ changeMonth: true, changeYear: true});" title="Datum"
                                           tabindex="-1"> <i class="icon-calendar"></i></a>
                                    </div>
                                </div>
                                <i class="icon-asterisk icon-purple"></i>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Tot en met:</label>
                            <div class="controls">
                                <div class="btn-group periode-filter">
                                    <div class="input-append">
                                        <input name="geboortedatum" wicket:id="totEnMet" type="text" placeholder="dd-mm-jaar" size="16" id="totEnMet"
                                               class="input-small datum datum three-months"/>
                                        <a href="javascript:void(0);" class="add-on" onclick="$(this).prev().datepicker({ changeMonth: true, changeYear: true});" title="Datum"
                                           tabindex="-1"> <i class="icon-calendar"></i></a>
                                    </div>
                                </div>
                                <i class="icon-asterisk icon-purple"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="form-actions clearfix">
                            <button class="btn btn-primary" wicket:id="submit">
                                <i class="icon-search icon-white"></i> Zoeken
                            </button>
                        </div>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
    <div wicket:id="tabelContainer">
        <div wicket:id="tabel"></div>
    </div>
</wicket:panel>
</html>
